<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="../css/base.css">
    <link rel="stylesheet" href="../iconfont/iconfont.css">
    <link rel="stylesheet" href="../css/demo.css">
    <title>Document</title>
</head>

<body>
    <header>
        <section class="clear_fix">
            <h1><img src="../images/logo_white.png" alt=""></h1>
            <nav>
                <li><a href="">首页</a></li>
                <li><a href="about.html">关于我们</a></li>
                <li><a href="../index.html">服务项目</a></li>
                <li class="active"><a href="#">成功案例</a></li class="active">
                <li><a href="news.html">新闻中心</a></li>
                <li><a href="public.html">光合会</a></li class="active">
                <li><a href="contact.html">联系我们</a></li>
            </nav>
            <aside>
                <i class="iconfont icon-dianhua isize"></i>
                <span>020-88888888</span>
            </aside>
        </section>
    </header>
    <div id="banner">
        <img class="banner_pic" src="../images/banner.jpg" alt="">
        <hgroup>
            <h4>
                卓&nbsp;越&nbsp;品&nbsp;质</h4>
            <h6>细&nbsp;&nbsp;&nbsp;&nbsp;
                节&nbsp;&nbsp;&nbsp;&nbsp;
                成&nbsp;&nbsp;&nbsp;&nbsp;
                就&nbsp;&nbsp;&nbsp;&nbsp;
                经&nbsp;&nbsp;&nbsp;&nbsp;
                典
            </h6>
        </hgroup>
    </div>
    <main>
        <figure>
            <figcaption>
                <a href="" class="active">照明设计</a><i></i>
                <a href="">照明设计</a><i></i>
                <a href="">照明设计</a>
            </figcaption>
            <article>
                <div>
                    <p>炽银小心</p>
                    <a href="">→</a>
                </div>
                <div>
                    <p>炽银小心</p>
                    <a href="">→</a>
                </div>
                <div>
                    <p>炽银小心</p>
                    <a href="">→</a>
                </div>
                <div>
                    <p>炽银小心</p>
                    <a href="">→</a>
                </div>
                <div>
                    <p>炽银小心</p>
                    <a href="">→</a>
                </div>
                <div>
                    <p>炽银小心</p>
                    <a href="">→</a>
                </div>
                <div>
                    <p>炽银小心</p>
                    <a href="">→</a>
                </div>
                <div>
                    <p>炽银小心</p>
                    <a href="">→</a>
                </div>
                <div>
                    <p>炽银小心</p>
                    <a href="">→</a>
                </div>
                <div>
                    <p>炽银小心</p>
                    <a href="">→</a>
                </div>
            </article>
            <aside>
                <button>←</button>
                <input type="text" value="1" disabled>
                <button>→</button>
            </aside>
        </figure>
    </main>
    <footer>
        <section class="clear_fix">
            <div>
                <h3><img src="../images/logo_gray.png" alt=""></h3>
                <h4><i class="iconfont icon-dingweiweizhi icolor"></i>北京市朝阳区 朝阳北路 大悦城北楼2905室</h4>
                <h4><i class="iconfont icon-dianhua1 icolor"></i>010-85859518</h4>
                <h4><i class="iconfont icon-dayinji icolor"></i>010-85859518</h4>
                <h4><i class="iconfont icon-youjian01 icolor"></i>935038551@qq.com</h4>
                <h4><i class="iconfont icon-ie icolor"></i>www.ycelin.cn</h4>
            </div>
            <div>
                <figure>
                    <figcaption><i class="iconfont icon-17 icolor"></i></figcaption>
                    <aside>
                        <p>全国服务热线</p>
                        <span>010-8888-8888</span>
                    </aside>
                </figure>
                <figure>
                    <figcaption>
                        <img src="../images/footer_erweima.png" alt="">
                    </figcaption>
                    <span>微信公众号</span>
                </figure>
            </div>
            <div>
                <form action="">
                    <label for="">留言/Leave a message</label>
                    <input type="text" placeholder="姓名">
                    <input type="text" placeholder="电话">
                    <textarea name="" id="" cols="30" rows="3" placeholder="留言内容"></textarea>
                    <button>提交</button>
                </form>
            </div>
        </section>
        <p>
            北京钛合照明设计有限公司&nbsp;&nbsp;&nbsp;ICP备案：copyright©2015&nbsp;&nbsp;&nbsp;京ICP备10000699号-2
        </p>
    </footer>
</body>

</html>